

.version-update{
  z-index: 10000;
  position: fixed;
  .layer-box{
    width: 580px;
    position: relative;
    background: #fff;
    border-radius: 48px;
  }

  .layer-bg{
    width: 100%;
    height: 236px;
    margin-top: -46px;
  }

  .layer-body{
    padding: 30px;
    min-height: 300px;
  }
  .update-title{
    position: relative;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 20px;
  }
  .title-text{
    position: relative;
    z-index: 2;
    &:after{
      content: "";
      width: 140px;
      height: 10px;
      left: 50%;
      bottom: 0;
      z-index: -1;
      position: absolute;
      transform: translateX(-50%);
      background: $theme_color;
    }
  }

  .update-scroll{
    min-height: 150px;
    max-height: 400px;
  }
  .update-content{
    width: 100%;
    color: #999;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-line;
    line-height: 40px;
  }

  .layer-bottom{
    width: 100%;
    overflow: hidden;
    border-radius: 0 0 48px 48px;
    .layer-button{
      color: #333;
      height: 90px;
      font-size: 32px;
      border-radius: 0;
      background-color: $theme_color;
      &:after{
        border: none;
        border-radius: 0;
      }
    }
  }
}
